import { Button } from 'antd';
import { VideoCameraAddOutlined } from '@ant-design/icons';
import '../assets/styles/welcome.scss'
import { useNavigate } from 'react-router-dom';

interface PropsType {
    backState?: boolean
}

function Welcome({ backState }: PropsType) {
    const navigate = useNavigate()

    const btnAction = () => {
        console.log('退出登录');

    }

    const backAction = () => {
        navigate(-1)
    }


    return (
        <div className='welcome'>
            <div>shoesDog球鞋社区管理系统</div>
            <div style={{ display: 'flex', justifyContent: 'space-around', width: '200px' }}>
                {
                    backState && <Button onClick={backAction} type='primary' style={{ backgroundColor: 'rgb(191 212 252)', color: '#3f3f44' }} >返回</Button>

                }
                <Button onClick={btnAction} type='primary' style={{ backgroundColor: '#fdcb9e', color: '#3f3f44' }} >退出登录</Button>
            </div>

        </div>
    );
}

export default Welcome;